import { memo } from "react"
import type { IconProps } from "@tabler/icons-react"

function IconSpace({ size }: IconProps) {
	return (
		<svg viewBox="0 0 1024 1024" width={size} height={size}>
			<defs>
				<style type="text/css" />
			</defs>
			<path
				d="M914.986667 347.434667l-323.968 183.210666c-29.909333 16.725333-48.192 50.154667-48.192 87.424v354.261334c0 37.994667 35.776 63.082667 65.685333 45.610666l324.010667-183.210666c29.226667-16.725333 48.192-50.154667 48.192-87.424V393.813333c0-38.762667-35.776-63.104-65.685334-46.378666h-0.021333z"
				fill="#2290FF"
			/>
			<path
				d="M421.674667 529.92L97.706667 347.370667c-29.973333-16.682667-65.706667 7.658667-65.706667 45.653333v355.797333c0 37.226667 18.24 70.698667 48.170667 87.424l323.989333 182.464c29.930667 16.725333 65.706667-8.405333 65.706667-46.4V617.322667c0-37.269333-18.24-70.698667-48.192-87.424zM885.12 264.554667c15.317333-8.362667 22.613333-22.784 21.184-36.48 1.429333-14.464-5.866667-28.138667-21.205333-36.48L555.242667 12.16C540.650667 3.84 523.157333 0 505.642667 0c-17.536 0-35.050667 3.84-49.621334 12.181333L126.122667 190.826667c-15.317333 8.362667-21.866667 22.784-21.162667 36.48-0.746667 14.464 5.845333 28.885333 21.205333 37.248l329.856 178.645333c14.570667 8.405333 32.085333 12.181333 49.578667 12.181333 17.557333 0 35.050667-3.776 49.642667-12.16l329.856-178.624v-0.042666z"
				fill="#2290FF"
				opacity=".5"
			/>
		</svg>
	)
}

export default memo(IconSpace)
